#form-container {
  margin: 20px;
}
#form-buttons {
  text-align: center;
  width: 220px;
  margin-left: 150px;
  margin-top: 20px;
}

fieldset {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #eee;
}

legend {
  margin-left: 8px;
}


.form-element-container,
.form-element-container-error {
  margin: 10px;
}
.form-label,
.form-label-error {
  float: left;
  margin-top: 2px;
  width: 190px;
  text-align: right;
}
.form-element,
.form-element-error {
  margin-left: 200px;
}
.form-element * td,
.form-element-error * td {
  padding: 2px;
}

.form-element-bottom {
  clear: both;
  margin: 0;
}

.form-element-container-error {
}
.form-label-error {
  font-weight: bold;
}
.form-element-error {
}
.form-error-container {
  border: 1px solid #900;
  background-color: #fdd;
  margin: 5px;
  padding: 5px;
}
.form-error-message {
  padding: 5px;
  text-align: center;
  font-weight: bold;
}

.form-element-container-hidden {
  display: none;
}

/* These should probably be renamed form-element-text, form-element-select... */
.form-type-text,
.form-type-password,
.form-type-date,
.form-type-autocomplete {
  width: 200px;
}
.form-type-select,
.form-type-multiselect {
  width: 204px;
}
.form-type-multiselect {
  height: 100px;
}
.form-type-checkbox,
.form-type-radio {
  width: 14px;
  height: 14px;
  overflow: hidden;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  margin-right: 3px;
}
.form-type-textarea {
  font: inherit;
  width: 200px;
  height: 100px;
}
.form-type-wysiwyg {
  width: 450px;
  height: 150px;
}

.form-element-time-hour,
.form-element-time-minute,
.form-element-time-ampm {
  width: 50px;
}

.form-element-list-entry {
  width: 150px;
  margin-bottom: 4px;
}
select.form-element-list-entry {
  width: 156px;
}
.form-element-list-add {
  width: 46px;
  font-size: 11px;
  margin-top: 1px;
  vertical-align: top;
}
.form-element-list-list {
  margin: 0px;
  padding: 0px;
  height: 86px;
  display: block;
}
.form-element-list-delete {
  width: 46px;
  margin: 4px 0px 0px 160px;
  font-size: 11px;
}

input[readonly='readonly'] {
  color: #888;
}

#form-revert-table {
  margin: 10px;
}
#form-revert-table * td,
#form-revert-table * th {
  padding: 2px 4px;
  text-align: center;
}

/* Form Hints */
.form-hint-container {
  display: none;
  position: absolute;
  background-color: #ccc;
  width: 200px;
  z-index: 10;
}
.form-hint-content {
  color: #333;
  position: relative;
  background-color: #f2e3d5;
  border: 1px solid #999;
  padding: 5px;
  left: -4px;
  top: -4px;
  z-index: 11;
}
.form-hint-title {
  color: #333;
  font-size: 10px;
  border-bottom: 1px solid #999;
  margin-bottom: 3px;
  padding-bottom: 3px;
}
.form-hint-closelink {
  float: right;
  cursor: pointer;
  cursor: hand;
  width: 9px;
  height: 9px;
  background-image: url(images/form-hint-x.gif);
  background-repeat: no-repeat;
}
.form-hint-button {
  background-image: url(images/form-hint-button.gif);
  background-repeat: no-repeat;
  position: absolute;
  width: 15px;
  height: 15px;
  margin: 3px 0px 0px 5px;
  cursor: pointer;
}